<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=9, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>无待旅游——景点详情页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="${__domain__}/static/common/common.css">
    <link rel="stylesheet" href="xq.less">
    <link rel="stylesheet" href="../../widget/multi-search/multi-search.less?{SITE_VERSION_NUM}">
</head>

<body>
    <link rel="import" href="../../widget/wd-header/wd-header.html?__inline">
    <div style='clear:both'></div>
    <div class="fullSlide clearfix">
        <div class="hd">
            <ul></ul>
        </div>
        <div class="bd">
            <ul>
                <li>
                    <img src="img/demo/1.png" class='main'>
                    <div class='content fix'>
                        <div class="inner">
                            <h1>【温情马来西亚】精品暖心三日游</h1>
                            <div class="clearfix pull-l">
                                <div class="btns clearfix">
                                    <div class="btn btn-blue">碧水蓝天</div>
                                    <div class="btn btn-blue">碧水蓝天</div>
                                    <div class="btn btn-blue">碧水蓝天</div>
                                    <div class="btn btn-blue">碧水蓝天</div>
                                </div>
                            </div>
                            <div class="clearfix">
                                <div class="position  pull-r">马来西亚 | 沙巴</div>
                                <div class="price  pull-r">
                                    <label>￥</label>1980
                                    <label>起</label>
                                </div>
                            </div>
                            <div class="labels">
                                <span>游玩时间：2小时</span>
                                <span>产品类型：Daytrip</span>
                                <span>商家编号：1234504</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li><img src="img/demo/2.png" class='main'>
                </li>
            </ul>
        </div>
    </div>
    <div class='detail-nav'>
        <ul class="clearfix wrapper">
            <li id='spxq-nav' class='cur'><a href="">景点详情</a></li>
            <li id='xcgl-nav'><a href="">行程概览</a></li>
            <li id='sppj-nav' class="gray"><a href="">商品评价</a></li>
            <div class="share">分享</div>
        </ul>
    </div>
    <div class="detail-box wrapper clearfix">
        <div class="calender-container">
            <div id="calender">
                <div class="close-c"></div>
                <div class='month_now'>
                    <div class="now"></div>
                    <div class="prev"></div>
                    <div class="next"></div>
                </div>
                <div class></div>
                <ul class="p_list_head">
                    <li>周一</li>
                    <li>周二</li>
                    <li>周三</li>
                    <li>周四</li>
                    <li>周五</li>
                    <li>周六</li>
                    <li>周日</li>
                </ul>
                <ul class='p_list clearfix'></ul>
            </div>
            <div class="title">
                优惠价：<strong>￥1980</strong>
            </div>
            <div style="margin:15px;">
                <div class="row clearfix">
                    <div class="pull-l label">套餐类型</div>
                    <div class="pull-l content" id='options'>
                        <div class="option single"><a href="javascript:void(0)">普通房型</a></div>
                        <div class="option single"><a href="javascript:void(0)">独栋别墅</a></div>
                        <div class="option single" ><a href="javascript:void(0)">超级棒豪华房型</a></div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="pull-l label">出发日期</div>
                    <div class="pull-l content">
                        <div  class="show-calender" id="now">
                            <div class="inner">
                                2015-09-21
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="pull-l label">成人数量</div>
                    <div class="pull-l content">
                        <div class="counter">
                            <div class="num">1</div>
                            <div class="plus">+</div>
                            <div class="minus">-</div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="pull-l label">儿童数量</div>
                    <div class="pull-l content">
                        <div class="counter">
                            <div class="num">0</div>
                            <div class="plus">+</div>
                            <div class="minus child">-</div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="pull-l label">特殊说明</div>
                    <div class="pull-l content">
                        <div class="tips">预定前，需先通知客服以确保产品库存是否满足要求</div>
                    </div>
                </div>
                <div class="row" style="text-align:center">
                    <div class="btn btn-red">立即预定</div>
                </div>
            </div>
        </div>
        <div class="box-l">
            <div class="main-title">
                热门景点随心选
                <font>跟团游没有的精彩，精彩体验一网打尽</font>
            </div>
            <div id="rm-slider" class='detail-slide clearfix'>
                <div class="hd has-np">
                    <a class="next"></a>
                    <a class="prev"></a>
                </div>
                <div class="bd">
                    <ul class="slider-container clearfix">
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/11.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/12.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/13.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/14.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/15.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/12.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/15.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                        <li class='slide-one'>
                            <div class='big-pic-container'>
                                <img src="img/demo/12.jpg" alt="" class="big-pic">
                            </div>
                            <div class="content-info clearfix">
                                <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                <div class='score'>
                                    9.5分
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main-title" id='xcgl'>
                行程概览
                <font>行程一目了然，行程不在麻烦</font>
            </div>
            <link rel="import" href="trip.html?__inline">
            <div class="detail-box wrapper clearfix">
                <div class="box-l">
                    <div class="main-title">
                        热销推荐
                        <font>最让人心动的景点，让你一次high个够</font>
                    </div>
                    <div id="rm-slider1" class='detail-slide clearfix wide'>
                        <div class="hd has-np">
                            <a class="next"></a>
                            <a class="prev"></a>
                        </div>
                        <div class="bd">
                            <ul class="slider-container clearfix">
                                <li class='slide-one'>
                                    <div class='big-pic-container'>
                                        <img src="img/demo/11.jpg" alt="" class="big-pic">
                                    </div>
                                    <div class="content-info clearfix">
                                        <div class="title-name"><a href="">马来西亚沙巴精品三日游<br>性价比最高，你值得拥有</a></div>
                                        <div class='price'>￥1680</div>
                                    </div>
                                </li>
                                <li class='slide-one'>
                                    <div class='big-pic-container'>
                                        <img src="img/demo/12.jpg" alt="" class="big-pic">
                                    </div>
                                    <div class="content-info clearfix">
                                        <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                        <div class='price'>￥1680</div>
                                    </div>
                                </li>
                                <li class='slide-one'>
                                    <div class='big-pic-container'>
                                        <img src="img/demo/13.jpg" alt="" class="big-pic">
                                    </div>
                                    <div class="content-info clearfix">
                                        <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                        <div class='price'>￥1680</div>
                                    </div>
                                </li>
                                <li class='slide-one'>
                                    <div class='big-pic-container'>
                                        <img src="img/demo/14.jpg" alt="" class="big-pic">
                                    </div>
                                    <div class="content-info clearfix">
                                        <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                        <div class='price'>￥1680</div>
                                    </div>
                                </li>
                                <li class='slide-one'>
                                    <div class='big-pic-container'>
                                        <img src="img/demo/15.jpg" alt="" class="big-pic">
                                    </div>
                                    <div class="content-info clearfix">
                                        <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                        <div class='price'>￥1680</div>
                                    </div>
                                </li>
                                <li class='slide-one'>
                                    <div class='big-pic-container'>
                                        <img src="img/demo/12.jpg" alt="" class="big-pic">
                                    </div>
                                    <div class="content-info clearfix">
                                        <div class="title-name"><a href="">沙巴<br><font>Sabah</font></a></div>
                                        <div class='price'>￥1680</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-title">
                行程详情
                <font>行程详情再现，给的就是安心</font>
            </div>
            <div class="trip-detail-container">
                <div class="cover"></div>
                <div class="title">
                    <div class="day">第一天</div>
                    <div class="btn btn-blue">沙巴</div>
                    <div class="btn btn-blue">仙本那</div>
                </div>
                <div class="ablums">
                    <div class="ablum clearfix">
                        <div class="big-pic">
                            <img src="img/demo/31.png" alt="">
                        </div>
                        <div class="info clearfix">
                            <span>含早餐</span> 欣赏白色清真寺倒映在湖中，与蓝天完美连城一体。穿着传统服装进入寺内，看高高的穹顶和到处出现的星纹图案,观看红树林最美日落，欣赏最美萤火虫，拥抱最憨长鼻猴。
                        </div>
                    </div>
                    <div class="ablum clearfix">
                        <div class="big-pic">
                            <img src="img/demo/32.png" alt="">
                        </div>
                        <div class="info clearfix">
                            <span>含早餐</span> 欣赏白色清真寺倒映在湖中，与蓝天完美连城一体。穿着传统服装进入寺内，看高高的穹顶和到处出现的星纹图案,观看红树林最美日落，欣赏最美萤火虫，拥抱最憨长鼻猴。
                        </div>
                    </div>
                </div>
                <div class="title">
                    <div class="day">第二天</div>
                    <div class="btn btn-blue">仙本那</div>
                </div>
                <div class="ablums">
                    <div class="ablum clearfix">
                        <div class="big-pic">
                            <img src="img/demo/33.png" alt="">
                        </div>
                        <div class="info clearfix">
                            <span>含早餐</span> 欣赏白色清真寺倒映在湖中，与蓝天完美连城一体。穿着传统服装进入寺内，看高高的穹顶和到处出现的星纹图案,观看红树林最美日落，欣赏最美萤火虫，拥抱最憨长鼻猴。
                        </div>
                    </div>
                    <div class="ablum clearfix">
                        <div class="big-pic">
                            <img src="img/demo/34.png" alt="">
                        </div>
                        <div class="info clearfix">
                            <span>含早餐</span> 欣赏白色清真寺倒映在湖中，与蓝天完美连城一体。穿着传统服装进入寺内，看高高的穹顶和到处出现的星纹图案,观看红树林最美日落，欣赏最美萤火虫，拥抱最憨长鼻猴。
                        </div>
                    </div>
                </div>
            </div>
            <div class="title2">
                详情描述
            </div>
            <h2 class='xq-title'  id='sppj'>
                商品评价 <label>(200)</label>
            </h2>
            <div class="detail-box-review">
                <ul class="clearfix options">
                    <li>
                        <input type="radio" name="field_name" checked="" value="'value">全部
                        <label>(200)</label>
                    </li>
                    <li>
                        <input type="radio" name="field_name" value="'value">游客好评
                        <label>(168)</label>
                    </li>
                    <li>
                        <input type="radio" name="field_name" value="'value">游客意见
                        <label>(32)</label>
                    </li>
                </ul>
                <ul class="detail-list">
                    <li class="detail clearfix">
                        <div class="thumb">
                            <img class="" src="img/demo/13.jpg"> 152****7993
                        </div>
                        <div class="content-info clearfix">
                            <div class='inner-info'>
                                还不错！商家很好玩的很开心
                            </div>
                            <div class="date">
                                2015-08-14
                            </div>
                        </div>
                    </li>
                    <li class="detail clearfix">
                        <div class="thumb">
                            <img class="" src="img/demo/13.jpg"> 152****7993
                        </div>
                        <div class="content-info clearfix">
                            <div class='inner-info'>
                                还不错！商家很好玩的很开心
                                <div class="pic-list">
                                    <img src="img/demo/15.jpg" alt="">
                                    <img src="img/demo/14.jpg" alt="">
                                </div>
                            </div>
                            <div class="date">
                                2015-08-14
                            </div>
                        </div>
                    </li>
                    <li class="detail clearfix">
                        <div class="thumb">
                            <img class="" src="img/demo/13.jpg"> 152****7993
                        </div>
                        <div class="content-info clearfix">
                            <div class='inner-info'>
                                还不错！商家很好玩的很开心
                            </div>
                            <div class="date">
                                2015-08-14
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="pages">
                <li class="cur"><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li class="last"><a href="">ww</a></li>
            </ul>
        </div>
    </div>
    <link rel="import" href="../../widget/wd-footer/wd-footer.html?__inline">
    <!-- your page.js -->
    <script type="text/javascript">
    </script>
    <script>
    require(['page/xq/xq']);
    </script>
</body>

</html>
